<!DOCTYPE html>
<!-- saved from url=(0029)http://yth.0101data.cn/course -->
<!-- 删除min-height -->
<html>
<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>课程管理</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="shortcut icon" href="http://yth.0101data.cn/img/favicon.ico">
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

	<link href="./02-1课程管理_files/site.completed.min.css" rel="stylesheet">
	<link href="./02-1课程管理_files/bootstrap-datetimepicker.css" rel="stylesheet">
	<link href="./02-1课程管理_files/toastr.min.css" rel="stylesheet">
	<link href="./02-1课程管理_files/select2.min.css" rel="stylesheet">
	<link href="./02-1课程管理_files/cbvm.app.css" rel="stylesheet">

	<!--end page level css-->
	<!-- global js -->
	<script src="./02-1课程管理_files/site.completed.min.js.下载"></script>

	<!--
	    	作者：578482558@qq.com
	    	时间：2018-03-14
	    	描述：新样式，原本样式为了方便，临时放到了oldStyle文件里
	    -->
	<!--
    	<style type="text/css">
			
		</style>-->

	<link rel="stylesheet" type="text/css" href="newStyle.css" />
	<link rel="stylesheet" type="text/css" href="oldStyle.css" />

	<!--layui的样式库-->
	<link rel="stylesheet" href="./layui/css/layui.css">
	<script src="./layui/layui.js"></script>
	
	
	<!-- 结束  -->
	<script src="./02-1课程管理_files/bootstrap-datetimepicker.js.下载"></script>
	<script src="./02-1课程管理_files/bootstrap-datetimepicker.zh-CN.js.下载"></script>
	<script src="./02-1课程管理_files/select2.min.js.下载"></script>
	<script src="./02-1课程管理_files/toastr.js.下载"></script>
	<script src="./02-1课程管理_files/cbvm.app.js.下载"></script>
	
</head>

<!--
		作者：578482558@qq.com
		时间：2018-03-14
		描述：这里也修改了去掉了原来的padding增加了背景颜色
	-->
<!--<body class="skin-default fixed-menu" style="min-height: 941px; padding-top: 51px;">-->
<!--结束-->

<body class="skin-default fixed-menu" style="min-height: 941px;">

	<div class="preloader" style="display: none;">
		<div class="loader_img">
			<img src="./02-3课程详情_files/loader.gif" alt="loading..." height="64" width="64" style="display: none;">
		</div>
	</div>

	<!--
			作者：578482558@qq.com
			时间：2018-03-14
			描述：以下头部导航栏的部分改动较大
		-->
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo" style="width: 270px;font-size: 24px;color: rgba(255, 255, 255, 0.9);">
				一体化教学管理平台
			</div>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-left" style="padding-left: 60px;">
				<li class="layui-nav-item">
					<a href="">首页</a>
				</li>
				<li class="layui-nav-item">
					<a href="">我的面板</a>
				</li>
				<li class="layui-nav-item">
					<a href="">课程管理</a>
				</li>

			</ul>
			<ul class="layui-nav layui-layout-right">
				<!-- 这里是消息通知按钮 -->
				<li class="layui-nav-item">
					<a href="#">
						<span class="glyphicon glyphicon-bell" aria-hidden="true">
							<span class="layui-badge-dot"></span>
						</span>
					</a>
				</li>

				<li class="layui-nav-item">
					<a href="javascript:;">
						<img src="http://t.cn/RCzsdCq" class="layui-nav-img"> 许舒隆，开课人
					</a>

					<dl class="layui-nav-child">
						<dd>
							<a href="">我的基本信息</a>
						</dd>
						<dd>
							<a href="">修改密码</a>
						</dd>
						<dd>
							<a href="">退出</a>
						</dd>
					</dl>
				</li>
			</ul>
		</div>
	</div>
		<!--结束-->

		<!-- header logo: style can be found in header-->
		<!-- <header class="header">

			<nav class="navbar navbar-fixed-top" role="navigation">
				<a href="http://yth.0101data.cn/course#" class="logo">
					Add the class icon to your logo image or logo icon to add the margining
			<h3 style="margin-top: 10px; color: #fff;">一体化教学管理平台</h3>
			</a>
			Header Navbar: style can be found in header
			Sidebar toggle button
			Sidebar toggle button
			<div>
				<a href="http://yth.0101data.cn/course#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
					<i class="fa fa-fw ti-menu"></i>
				</a>
			</div>
			<div class="navbar-right">

				<ul class="nav navbar-nav">

					rightside toggle
					User Account: style can be found in dropdown
					<li class="dropdown user user-menu">
						<a href="http://yth.0101data.cn/course#" class="dropdown-toggle padding-user" data-toggle="dropdown" title="用户名: 18850586025">
							<div class="riot">
								<div>
									欢迎, 霍 开课人
									<span>
									<i class="caret"></i>
								</span>
								</div>
							</div>
						</a>
						<ul class="dropdown-menu">
							User image
							<li class="user-header" style="height: 48px;">
								<p> 霍</p>
							</li>
							Menu Body
							<li class="p-t-3">
								<a href="http://yth.0101data.cn/user/detail">
									<i class="fa fa-fw ti-user"></i> 我的基本信息
								</a>
							</li>
							<li role="presentation" class="divider"></li>
							Menu Footer
							<li class="user-footer">
								<div class="pull-left">
									<a href="http://yth.0101data.cn/changepassword">
										<i class="fa fa-fw ti-lock"></i> 修改密码
									</a>
								</div>
								<div class="pull-right">
									<a href="http://yth.0101data.cn/logout">
										<i class="fa fa-fw ti-shift-right"></i> 退出
									</a>
								</div>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			</nav>
			</header> -->
		<div class="wrapper row-offcanvas row-offcanvas-left" >
			<!-- Left side column. contains the logo and sidebar -->

			<!-- <aside class="left-side sidebar-offcanvas" style="min-height: 941px;">
				sidebar: style can be found in sidebar
				<section class="sidebar affix">
					<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100vh;">
						<div class="left_slim" style="overflow: hidden; width: auto; height: 100vh;">
							<div id="menu" class="menu_align" role="navigation">
								<div class="nav_profile">
									<div class="media profile-left">
										<a class="pull-left profile-thumb" href="http://yth.0101data.cn/course#">
											<h4>
												<strong>一体化教学管理平台</strong>
											</h4>
											<i style="padding-left: 60px; color: #00adee;">学员管理后台</i>
										</a>
									</div>
								</div>
								<ul class="navigation">
									<li class="">
										<a href="http://yth.0101data.cn/user/detail">
											<i class="menu-icon ti-user"></i>
											<span class="mm-text ">我的基本信息</span>
										</a>
									</li>
									<li class="">
										<a href="http://yth.0101data.cn/index">
											<i class="menu-icon ti-desktop"></i>
											<span class="mm-text ">我的面板</span>
										</a>
									</li>
									<li class="menu-dropdown  active">
										<a href="http://yth.0101data.cn/course">
											<i class="menu-icon fa fa-building-o"></i>
											<span>课程管理</span>
										</a>
									</li>
									<li class=" ">
										<a href="http://yth.0101data.cn/changepassword">
											<i class="menu-icon ti-key"></i>
											<span class="mm-text ">密码管理</span>
										</a>
									</li>
									<li class=" ">
										<a href="http://yth.0101data.cn/logout">
											<i class="menu-icon ti-shift-right"></i>
											<span class="mm-text ">退出</span>
										</a>
									</li>
								</ul>
								/ .navigation
							</div>
							menu
						</div>
						<div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 5px; position: absolute; top: 0px; opacity: 0.2; display: none; border-radius: 0px; z-index: 99; right: 1px; height: 989px;"></div>
						<div class="slimScrollRail" style="width: 5px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 0px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
					</div>
				</section>
				/.sidebar
			</aside> -->
			<!--作者：578482558@qq.com
          时间：2018-03-14
					描述：去掉了fixednav_right这个class 因为不需要
					原本的<aside class="right-side fixednav_right">
			-->
			<aside class="right-side">
				<!-- <section class="content-header">
					<h1>
						课程管理
					</h1>
					<ol class="breadcrumb">
						<li>
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i> 面板
							</a>
						</li>
						<li class="active">
							课程管理
						</li>
					</ol>
				</section> -->

				<!-- <div style="margin-top: 20px;">

					<span class="layui-breadcrumb">
						<i class="layui-icon" style="margin-right: 5px;">&#xe68e;</i>
						<a href="">一体化教学平台</a>
						<a href="">本地</a>
						<a href="">某某班级</a>
						<a>
							<cite>正文</cite>
						</a>
					</span>
				</div> -->
				<!--
          作者：578482558@qq.com
          时间：2018-03-14
          描述：修改了面包屑样式
        -->
				<section class="content-header-new">
					<ol class="breadcrumb-new" style="background-color:#f0f2f5">
						<li class="active">
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i>课程管理
							</a>
						</li>
					</ol>
				</section>
				<!--结束-->

				<section class="content">
					<!-- second table start -->
					<div class="row">
						<div class="col-lg-12">
							<div class="panel ">
								<!--<div class="panel-heading clearfix">
											<h3 class="panel-title pull-left m-t-6">
													<i class="ti-menu"></i> 课程列表
											</h3>
									</div>-->
								<div class="panel-body condition-filter">
									<form method="get" action="http://yth.0101data.cn/course">
										<div id="example_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
											<div class="fixed-table-toolbar filter-container">
												<!--描述：更改了下部分的结构-->
												<div class="row">
													<div class="col-sm-10">
														<div class="row">
															<div class="col-sm-4 field-block">
																<label class="col-sm-4 field-label">课程名</label>
																<div class="col-sm-8 field-item">
																	<input type="text" name="title" class="form-control" value="">
																</div>
															</div>
															<div class="col-sm-4 field-block">
																<label class="col-sm-4 field-label">开始时间</label>
																<div class="col-sm-8 field-item">
																	<div class="input-group date form_date" data-date="">
																		<!--时间使用form-control和form-control-date这个样式类 -->
																		<input class="form-control form-control-date" name="startdate" type="text" value="">
																		<span class="input-group-addon">
																			<span class="glyphicon glyphicon-calendar"></span>
																		</span>
																	</div>
																</div>
															</div>
															<div class="col-sm-4 field-block input-325">
																<label class="col-sm-4 field-label lable-96">结束时间</label>
																<div class="col-sm-8 field-item">
																	<div class="input-group date form_date" data-date="">
																		<!--描述：时间使用form-control和form-control-date这个样式类 -->
																		<input class="form-control form-control-date" name="enddate" type="text" value="">
																		<span class="input-group-addon">
																			<span class="glyphicon glyphicon-calendar"></span>
																		</span>
																	</div>
																</div>
															</div>
														</div>

													</div>

													<!--描述：搜索和重置按钮 -->
													<div class="col-sm-2">
														<!-- 使用layui的btn样式 -->
														<div>
															<button type="submit" class="layui-btn layui-btn-sm">搜索</button>
															<button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
														</div>
													</div>
													<!--  搜索和重置按钮 结束 -->
												</div>
											</div>
											<div class="fixed-table-toolbar filter-action">
												<div class="row">
													<div class="col-sm-4">
														<!-- 使用layui的btn样式 -->
														<a class="layui-btn layui-btn-sm" href="http://yth.0101data.cn/course/create">
															<i class="layui-icon">&#xe654;</i>新增</a>
														<a href="http://yth.0101data.cn/course/reusable" class="layui-btn layui-btn-primary layui-btn-sm">复制课程</a>
													</div>
													<div class="col-sm-4">
													</div>
													<div class="col-sm-4">
														<!--<div class="pull-right">
																							<button type="submit" class="btn btn-danger btn-sm">搜索</button>
																							<button type="reset" class="btn btn-info btn-sm">重置</button>
																					</div>-->
													</div>
												</div>
											</div>
											<!--描述：更改了下部分的结构   结束-->
											<div class="row">
												<div class="col-sm-12">
													<table class="table dataTable no-footer tab" id="example" role="grid" aria-describedby="example_info">
														<thead>
															<tr class="tab-header">
																<th style="width: 60px;" data-field="0" tabindex="0">
																	<div class="th-inner ">序号</div>
																	<div class="fht-cell"></div>
																</th>
																<th style="" data-field="1" tabindex="0">
																	<div class="th-inner ">课程名称</div>
																	<div class="fht-cell"></div>
																</th>
																<th style="width: 100px;" data-field="1" tabindex="0">
																	<div class="th-inner ">开始时间</div>
																	<div class="fht-cell"></div>
																</th>
																<th style="width: 100px;" data-field="1" tabindex="0">
																	<div class="th-inner ">结束时间</div>
																	<div class="fht-cell"></div>
																</th>

																<th style="width: 50px;" data-field="2" tabindex="0">
																	<div class="th-inner ">公开</div>
																	<div class="fht-cell"></div>
																</th>
																<th style="width: 160px;" data-field="2" tabindex="0">
																	<div class="th-inner ">创建时间</div>
																	<div class="fht-cell"></div>
																</th>
																<th style="width: 160px;">操作</th>
															</tr>
														</thead>
														<tbody>
															<tr data-index="7">
																<td>1</td>
																<td>网页设计培训</td>
																<td>2017-11-17</td>
																<td>2017-12-10</td>
																<td>
																	<label>
																		<input type="checkbox" name="like1[write]" lay-skin="primary" disabled="disabled">
																	</label>
																</td>
																<td>2017-11-17 17:03:01</td>
																<td>
																	<a href="http://yth.0101data.cn/course-orginal/cse5a0ea5c5582cc9-81087255/dashboard">管理中心</a>
																
																	<a href="http://yth.0101data.cn/course/edit/cse5a0ea5c5582cc9-81087255">
																		<i class="fa fa-fw ti-pencil text-primary actions_icon" title="编辑课程"></i>
																	</a>
																	<a href="http://yth.0101data.cn/course#" data-toggle="modal" data-target="#delete" onclick="selectedrow(&#39;cse5a0ea5c5582cc9-81087255&#39;)">
																		<i class="fa fa-fw ti-close text-danger actions_icon" title="Delete User"></i>
																	</a>
																</td>
															</tr>
															<tr data-index="7">
																<td>2</td>
																<td>网页设计</td>
																<td>2017-11-17</td>
																<td>2017-11-30</td>
																<td>
																	<label>
																		<input  type="checkbox" name="like1[write]" lay-skin="primary"  disabled="disabled" checked="checked/">
																	</label>
																</td>
																<td>2017-11-17 11:43:51</td>
																<td>
																	<a href="http://yth.0101data.cn/course-orginal/cse5a0e5af7a7f3a9-93397175/dashboard">管理中心</a>
																
																	<a href="http://yth.0101data.cn/course/edit/cse5a0e5af7a7f3a9-93397175">
																		<i class="fa fa-fw ti-pencil text-primary actions_icon" title="编辑课程"></i>
																	</a>
																	<a href="http://yth.0101data.cn/course#" data-toggle="modal" data-target="#delete" onclick="selectedrow(&#39;cse5a0e5af7a7f3a9-93397175&#39;)">
																		<i class="fa fa-fw ti-close text-danger actions_icon" title="Delete User"></i>
																	</a>
																</td>
															</tr>
															<tr data-index="7">
																<td>3</td>
																<td>32232</td>
																<td>2017-07-31</td>
																<td>2017-09-02</td>
																<td>
																	<label>
																		<input type="checkbox" disabled="disabled">
																	</label>
																</td>
																<td>2017-08-30 22:09:02</td>
																<td>
																	<a href="http://yth.0101data.cn/course-orginal/cse59a6c6fe4e9d81-43287409/dashboard">管理中心</a>
																
																	<a href="http://yth.0101data.cn/course/edit/cse59a6c6fe4e9d81-43287409">
																		<i class="fa fa-fw ti-pencil text-primary actions_icon" title="编辑课程"></i>
																	</a>
																	<a href="http://yth.0101data.cn/course#" data-toggle="modal" data-target="#delete" onclick="selectedrow(&#39;cse59a6c6fe4e9d81-43287409&#39;)">
																		<i class="fa fa-fw ti-close text-danger actions_icon" title="Delete User"></i>
																	</a>
																</td>
															</tr>
															<tr data-index="7">
																<td>4</td>
																<td>项目管理课程2017-2018学年</td>
																<td>2017-08-22</td>
																<td>2017-09-09</td>
																<td>
																	<label>
																		<input type="checkbox" disabled="disabled" checked="checked/">
																	</label>
																</td>
																<td>2017-08-30 09:27:13</td>
																<td>
																	<a href="http://yth.0101data.cn/course-orginal/cse59a614714e0732-59712399/dashboard">管理中心</a>
																
																	<a href="http://yth.0101data.cn/course/edit/cse59a614714e0732-59712399">
																		<i class="fa fa-fw ti-pencil text-primary actions_icon" title="编辑课程"></i>
																	</a>
																	<a href="http://yth.0101data.cn/course#" data-toggle="modal" data-target="#delete" onclick="selectedrow(&#39;cse59a614714e0732-59712399&#39;)">
																		<i class="fa fa-fw ti-close text-danger actions_icon" title="Delete User"></i>
																	</a>
																</td>
															</tr>
															<tr data-index="7">
																<td>5</td>
																<td>复制-项目管理</td>
																<td>2017-08-27</td>
																<td>2017-08-29</td>
																<td>
																	<label>
																		<input type="checkbox" disabled="disabled">
																	</label>
																</td>
																<td>2017-08-29 09:53:56</td>
																<td>
																	<a href="http://yth.0101data.cn/course-orginal/ccse59a4c93411b1e2-82924515/dashboard">管理中心</a>
																
																	<a href="http://yth.0101data.cn/course/edit/ccse59a4c93411b1e2-82924515">
																		<i class="fa fa-fw ti-pencil text-primary actions_icon" title="编辑课程"></i>
																	</a>
																	<a href="http://yth.0101data.cn/course#" data-toggle="modal" data-target="#delete" onclick="selectedrow(&#39;ccse59a4c93411b1e2-82924515&#39;)">
																		<i class="fa fa-fw ti-close text-danger actions_icon" title="Delete User"></i>
																	</a>
																</td>
															</tr>
															<tr data-index="7">
																<td>6</td>
																<td>项目管理</td>
																<td>2017-08-27</td>
																<td>2017-08-28</td>
																<td>
																	<label>
																		<input type="checkbox" disabled="disabled">
																	</label>
																</td>
																<td>2017-08-28 09:55:30</td>
																<td>
																	<a href="http://yth.0101data.cn/course-orginal/cse59a378126805d8-46946012/dashboard">管理中心</a>
																
																	<a href="http://yth.0101data.cn/course/edit/cse59a378126805d8-46946012">
																		<i class="fa fa-fw ti-pencil text-primary actions_icon" title="编辑课程"></i>
																	</a>
																	<a href="http://yth.0101data.cn/course#" data-toggle="modal" data-target="#delete" onclick="selectedrow(&#39;cse59a378126805d8-46946012&#39;)">
																		<i class="fa fa-fw ti-close text-danger actions_icon" title="Delete User"></i>
																	</a>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
											<div class="row">
												<script type="application/javascript">
													function gotoindex() {
														var index = $("#specialpageindex").val();
														if (index < 0) {
															index = 0;
														}
														window.location.href = "/course?pageindex=" + index;
													}
												</script>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
					<!-- second table end -->
				</section>
				<div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="Heading" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
								</button>
								<h4 class="modal-title custom_align" id="Heading">删除课程</h4>
							</div>
							<div class="modal-body">
								<div class="alert alert-warning">
									<span class="glyphicon glyphicon-warning-sign"></span> 您确认删除该课程? </div>
							</div>
							<div class="modal-footer ">
								<button class="btn btn-danger" onclick="confirm2delete()">
									<span class="glyphicon glyphicon-ok-sign"></span> 是
								</button>
								<button type="button" class="btn btn-success" data-dismiss="modal">
									<span class="glyphicon glyphicon-remove"></span> 否
								</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
				</div>
				<script type="application/javascript">
					var currentcourseId = null;

					function confirm2delete() {
						window.location.href = "/course/delete/" + currentcourseId;
					}

					function selectedrow($courseid) {
						currentcourseId = $courseid;
					}
				</script>
				<!--<div class="fixed-table-loading" style="top: 42px;" style="display: none;">加载中, 请耐心等待...</div>-->
			</aside>
			<!-- /.right-side -->
		</div>
		<!-- ./wrapper -->

		<script type="text/javascript" src="./一体化教学管理平台课程管理_files/pnotify.custom.min.js.下载"></script>
		<!-- end of page level js -->

		<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->
		<script type="application/javascript">
			$(function () {
				$("ul.navigation li a[href='/course']").parent("li").addClass("active");
			})
		</script>

		<div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu" style="left: 916.578px; z-index: 100011;">
			<div class="datetimepicker-minutes" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-left"></span>
							</th>
							<th colspan="5" class="switch">14 三月 2018</th>
							<th class="next" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-right"></span>
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7">
								<span class="minute">14:00</span>
								<span class="minute">14:05</span>
								<span class="minute">14:10</span>
								<span class="minute">14:15</span>
								<span class="minute">14:20</span>
								<span class="minute active">14:25</span>
								<span class="minute">14:30</span>
								<span class="minute">14:35</span>
								<span class="minute">14:40</span>
								<span class="minute">14:45</span>
								<span class="minute">14:50</span>
								<span class="minute">14:55</span>
							</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-hours" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-left"></span>
							</th>
							<th colspan="5" class="switch">14 三月 2018</th>
							<th class="next" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-right"></span>
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7">
								<span class="hour">0:00</span>
								<span class="hour">1:00</span>
								<span class="hour">2:00</span>
								<span class="hour">3:00</span>
								<span class="hour">4:00</span>
								<span class="hour">5:00</span>
								<span class="hour">6:00</span>
								<span class="hour">7:00</span>
								<span class="hour">8:00</span>
								<span class="hour">9:00</span>
								<span class="hour">10:00</span>
								<span class="hour">11:00</span>
								<span class="hour">12:00</span>
								<span class="hour">13:00</span>
								<span class="hour active">14:00</span>
								<span class="hour">15:00</span>
								<span class="hour">16:00</span>
								<span class="hour">17:00</span>
								<span class="hour">18:00</span>
								<span class="hour">19:00</span>
								<span class="hour">20:00</span>
								<span class="hour">21:00</span>
								<span class="hour">22:00</span>
								<span class="hour">23:00</span>
							</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-days" style="display: block;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-left"></span>
							</th>
							<th colspan="5" class="switch">三月 2018</th>
							<th class="next" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-right"></span>
							</th>
						</tr>
						<tr>
							<th class="dow">一</th>
							<th class="dow">二</th>
							<th class="dow">三</th>
							<th class="dow">四</th>
							<th class="dow">五</th>
							<th class="dow">六</th>
							<th class="dow">日</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="day old">26</td>
							<td class="day old">27</td>
							<td class="day old">28</td>
							<td class="day">1</td>
							<td class="day">2</td>
							<td class="day">3</td>
							<td class="day">4</td>
						</tr>
						<tr>
							<td class="day">5</td>
							<td class="day">6</td>
							<td class="day">7</td>
							<td class="day">8</td>
							<td class="day">9</td>
							<td class="day">10</td>
							<td class="day">11</td>
						</tr>
						<tr>
							<td class="day">12</td>
							<td class="day">13</td>
							<td class="day today active">14</td>
							<td class="day">15</td>
							<td class="day">16</td>
							<td class="day">17</td>
							<td class="day">18</td>
						</tr>
						<tr>
							<td class="day">19</td>
							<td class="day">20</td>
							<td class="day">21</td>
							<td class="day">22</td>
							<td class="day">23</td>
							<td class="day">24</td>
							<td class="day">25</td>
						</tr>
						<tr>
							<td class="day">26</td>
							<td class="day">27</td>
							<td class="day">28</td>
							<td class="day">29</td>
							<td class="day">30</td>
							<td class="day">31</td>
							<td class="day new">1</td>
						</tr>
						<tr>
							<td class="day new">2</td>
							<td class="day new">3</td>
							<td class="day new">4</td>
							<td class="day new">5</td>
							<td class="day new">6</td>
							<td class="day new">7</td>
							<td class="day new">8</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-months" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-left"></span>
							</th>
							<th colspan="5" class="switch">2018</th>
							<th class="next" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-right"></span>
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7">
								<span class="month">一月</span>
								<span class="month">二月</span>
								<span class="month active">三月</span>
								<span class="month">四月</span>
								<span class="month">五月</span>
								<span class="month">六月</span>
								<span class="month">七月</span>
								<span class="month">八月</span>
								<span class="month">九月</span>
								<span class="month">十月</span>
								<span class="month">十一月</span>
								<span class="month">十二月</span>
							</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-years" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-left"></span>
							</th>
							<th colspan="5" class="switch">2010-2019</th>
							<th class="next" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-right"></span>
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7">
								<span class="year ">2009</span>
								<span class="year">2010</span>
								<span class="year">2011</span>
								<span class="year">2012</span>
								<span class="year">2013</span>
								<span class="year">2014</span>
								<span class="year">2015</span>
								<span class="year">2016</span>
								<span class="year">2017</span>
								<span class="year active">2018</span>
								<span class="year">2019</span>
								<span class="year ">2020</span>
							</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
		<div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu" style="left: 1463.56px; z-index: 100021;">
			<div class="datetimepicker-minutes" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-left"></span>
							</th>
							<th colspan="5" class="switch">14 三月 2018</th>
							<th class="next" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-right"></span>
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7">
								<span class="minute">14:00</span>
								<span class="minute">14:05</span>
								<span class="minute">14:10</span>
								<span class="minute">14:15</span>
								<span class="minute">14:20</span>
								<span class="minute active">14:25</span>
								<span class="minute">14:30</span>
								<span class="minute">14:35</span>
								<span class="minute">14:40</span>
								<span class="minute">14:45</span>
								<span class="minute">14:50</span>
								<span class="minute">14:55</span>
							</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-hours" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-left"></span>
							</th>
							<th colspan="5" class="switch">14 三月 2018</th>
							<th class="next" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-right"></span>
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7">
								<span class="hour">0:00</span>
								<span class="hour">1:00</span>
								<span class="hour">2:00</span>
								<span class="hour">3:00</span>
								<span class="hour">4:00</span>
								<span class="hour">5:00</span>
								<span class="hour">6:00</span>
								<span class="hour">7:00</span>
								<span class="hour">8:00</span>
								<span class="hour">9:00</span>
								<span class="hour">10:00</span>
								<span class="hour">11:00</span>
								<span class="hour">12:00</span>
								<span class="hour">13:00</span>
								<span class="hour active">14:00</span>
								<span class="hour">15:00</span>
								<span class="hour">16:00</span>
								<span class="hour">17:00</span>
								<span class="hour">18:00</span>
								<span class="hour">19:00</span>
								<span class="hour">20:00</span>
								<span class="hour">21:00</span>
								<span class="hour">22:00</span>
								<span class="hour">23:00</span>
							</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-days" style="display: block;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-left"></span>
							</th>
							<th colspan="5" class="switch">三月 2018</th>
							<th class="next" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-right"></span>
							</th>
						</tr>
						<tr>
							<th class="dow">一</th>
							<th class="dow">二</th>
							<th class="dow">三</th>
							<th class="dow">四</th>
							<th class="dow">五</th>
							<th class="dow">六</th>
							<th class="dow">日</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="day old">26</td>
							<td class="day old">27</td>
							<td class="day old">28</td>
							<td class="day">1</td>
							<td class="day">2</td>
							<td class="day">3</td>
							<td class="day">4</td>
						</tr>
						<tr>
							<td class="day">5</td>
							<td class="day">6</td>
							<td class="day">7</td>
							<td class="day">8</td>
							<td class="day">9</td>
							<td class="day">10</td>
							<td class="day">11</td>
						</tr>
						<tr>
							<td class="day">12</td>
							<td class="day">13</td>
							<td class="day today active">14</td>
							<td class="day">15</td>
							<td class="day">16</td>
							<td class="day">17</td>
							<td class="day">18</td>
						</tr>
						<tr>
							<td class="day">19</td>
							<td class="day">20</td>
							<td class="day">21</td>
							<td class="day">22</td>
							<td class="day">23</td>
							<td class="day">24</td>
							<td class="day">25</td>
						</tr>
						<tr>
							<td class="day">26</td>
							<td class="day">27</td>
							<td class="day">28</td>
							<td class="day">29</td>
							<td class="day">30</td>
							<td class="day">31</td>
							<td class="day new">1</td>
						</tr>
						<tr>
							<td class="day new">2</td>
							<td class="day new">3</td>
							<td class="day new">4</td>
							<td class="day new">5</td>
							<td class="day new">6</td>
							<td class="day new">7</td>
							<td class="day new">8</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-months" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-left"></span>
							</th>
							<th colspan="5" class="switch">2018</th>
							<th class="next" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-right"></span>
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7">
								<span class="month">一月</span>
								<span class="month">二月</span>
								<span class="month active">三月</span>
								<span class="month">四月</span>
								<span class="month">五月</span>
								<span class="month">六月</span>
								<span class="month">七月</span>
								<span class="month">八月</span>
								<span class="month">九月</span>
								<span class="month">十月</span>
								<span class="month">十一月</span>
								<span class="month">十二月</span>
							</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-years" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-left"></span>
							</th>
							<th colspan="5" class="switch">2010-2019</th>
							<th class="next" style="visibility: visible;">
								<span class="glyphicon glyphicon-arrow-right"></span>
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7">
								<span class="year ">2009</span>
								<span class="year">2010</span>
								<span class="year">2011</span>
								<span class="year">2012</span>
								<span class="year">2013</span>
								<span class="year">2014</span>
								<span class="year">2015</span>
								<span class="year">2016</span>
								<span class="year">2017</span>
								<span class="year active">2018</span>
								<span class="year">2019</span>
								<span class="year ">2020</span>
							</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
		<div class="swal2-container">
			<div class="swal2-modal" style="display: none" tabindex="-1">
				<ul class="swal2-progresssteps"></ul>
				<div class="swal2-icon swal2-error">
					<span class="x-mark">
						<span class="line left"></span>
						<span class="line right"></span>
					</span>
				</div>
				<div class="swal2-icon swal2-question">?</div>
				<div class="swal2-icon swal2-warning">!</div>
				<div class="swal2-icon swal2-info">i</div>
				<div class="swal2-icon swal2-success">
					<span class="line tip"></span>
					<span class="line long"></span>
					<div class="placeholder"></div>
					<div class="fix"></div>
				</div>
				<img class="swal2-image">
				<h2></h2>
				<div class="swal2-content"></div>
				<input class="swal2-input">
				<input type="file" class="swal2-file">
				<div class="swal2-range">
					<output></output>
					<input type="range">
				</div>
				<select class="swal2-select"></select>
				<div class="swal2-radio"></div>
				<label for="swal2-checkbox" class="swal2-checkbox">
					<input type="checkbox">
				</label>
				<textarea class="swal2-textarea"></textarea>
				<div class="swal2-validationerror"></div>
				<hr class="swal2-spacer">
				<button type="button" class="swal2-confirm">OK</button>
				<button type="button" class="swal2-cancel">Cancel</button>
				<span class="swal2-close">×</span>
			</div>
		</div>
</body>

<!--layui的样式js库-->
<script>
	//JavaScript代码区域
	layui.use('element', function () {
		var element = layui.element;
	});
</script>

</html>